<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="description" content="NG6-Starter by @AngularClass">

	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/base.css">
</head>

<body>
	<div class="header">
        <a href="javascript:;" class="ui-header-button left">返回</a>
		<h3 class="title">服饰品牌</h3>
		<a href="javascript:;" class="ui-header-button right">做任务</a>
	</div>
	<div class="tab-list">
		<div class="tab-item active">待修改</div>
		<div class="tab-item">待审核</div>
		<div class="tab-item">待复审</div>
		<div class="tab-item">合格</div>
		<div class="tab-item">全部</div>
	</div>
	<div class="tab-box">
		<div class="tab-content active" title="待修改">
			<a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
            <a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
            <a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
            <a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
            <a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
            <a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
            <a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标略号长长…</span>
			</a>
		</div>
		<div class="tab-content" title="待审核">
			<a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动做省略号长做省略号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长长…</span>
			</a>
		</div>
		<div class="tab-content" title="待复审">
			<a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自略号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省动做省略号长长…</span>
			</a>
		</div>
		<div class="tab-content" title="合格">
			<a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动题自动做省略号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长标长长…</span>
			</a>
		</div>
		<div class="tab-content" title="全部">
			<a class="label-link">
				<i class="ui-mark b">审</i>
				<span class="assign-text">长标题自动动做省略号长长…</span>
			</a>
			<a class="label-link">
				<i class="ui-mark g">改</i>
				<span class="assign-text">长标题自动做省略号长长…</span>
			</a>
		</div>
	</div>
    <div id="drag">上拉加载更多</div>
	<script src="lib/dist/jquery.1.11.js"></script>
	<script src="lib/app.js"></script>
	<script src='lib/src/base.js'></script>
	<script>
        $(function(){
            var tabs = $('.tab-list')
            tabs.on('click', '.tab-item', function(){
                var index = $(this).index();
                tabs.find('.tab-item').removeClass('active')
                $(this).addClass('active')
                $('.tab-content').removeClass('active').eq(index).addClass('active');
            })

            $.drag.load()
        })
    </script>
</body>

</html>